@import url(./var.less);
:global {
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    i {
        font-style: normal;
    }
    html,body {
        padding: 0;
        margin: 0;
        // height: 100vh;
        // width: 100vw;
        font-size: 12px;
        position: relative;
        background-color: var(--bg-color);
    }
    // .root-app {
    //     height: 100%;
    //     width: 100vw;
    // }
    .wrap {
        max-width: 1200px;
        min-width: 375px;
        margin: auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .flex-row {
        display: flex;
        flex-wrap: wrap;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .flex-column {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .align-c {
        align-items: center;
    }
    .align-e {
        align-items: flex-end;
    }
    .align-s {
        align-items: flex-start;
    }
    .just-c {
        justify-content: center;
    }
    .just-a {
        justify-content: space-around;
    }
    .just-b {
        justify-content: space-between;
    }
    .flex-1 {
        flex: 1;
    }
    .flex-2 {
        flex: 2;
    }
    .flex-3 {
        flex: 3;
    }
    .flex-4 {
        flex: 4;
    }
    .clearfix:before,
    .clearfix:after {
      content: '';
      display: table;
    }
    .clearfix:after {
      clear: both;
    }
    .fl {float: left;}
    .fr {float: right;}
    // 手势样式
    .pointer{
      cursor:pointer
    }
    /*文字超出隐藏*/
    /*文字超出隐藏*/
    .ellipsis {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ellipsisTwo {
      overflow: hidden;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
      display: -webkit-box;
      word-wrap: break-word;
      word-break: break-all;
      -webkit-box-orient: vertical;
    }
    .line-clamp1,
    .line-clamp2,
    .line-clamp3,
    .line-clamp4 {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
    .line-clamp1 {
      -webkit-line-clamp: 1;
    }
    .line-clamp2 {
      -webkit-line-clamp: 2;
    }
    .line-clamp3 {
      -webkit-line-clamp: 3;
    }
    .line-clamp4 {
      -webkit-line-clamp: 4;
    }
    .tc {text-align: center;}
    .tr {text-align: right;}
    .fixed {position: fixed!important;}
    .w-100p {width: 100%;}
    .bg-info {
        --tw-bg-opacity: 1;
        background-color: rgba(var(--theme-color-functional-info),var(--tw-bg-opacity))
    }
    
    .bg-primary {
        --tw-bg-opacity: 1;
        background-color: rgba(var(--theme-color-primary),var(--tw-bg-opacity))
    }
    .\!text-primary {
        --tw-text-opacity: 1 !important;
        color: rgba(var(--theme-color-primary),var(--tw-text-opacity))!important
    }
    
    .\!text-success {
        --tw-text-opacity: 1 !important;
        color: rgba(var(--theme-color-functional-success),var(--tw-text-opacity))!important
    }
    
    .\!text-white {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity))!important
    }
    .cols-span-12 {
        grid-column: span 12 / span 12;
    }
    .cols-span-14 {
        grid-column: span 14 / span 14;
    }
    .cols-span-16 {
        grid-column: span 16 / span 16;
    }
    // .animate-shake:hover {
    //     animation: shake 800ms ease-in-out;
    // }
    // @keyframes shake { /* 水平抖动，核心代码 */
    //     10%, 90% { transform: translate3d(-1px, 0, 0); }
    //     20%, 80% { transform: translate3d(+2px, 0, 0); }
    //     30%, 70% { transform: translate3d(-4px, 0, 0); }
    //     40%, 60% { transform: translate3d(+4px, 0, 0); }
    //     50% { transform: translate3d(-4px, 0, 0); }
    // }
    swiper-container::part(pagination) {
        top: auto;
        bottom: 8rem;
    }
    swiper-container::part(bullet-active) {
        background-color: var(--primary-color);
    }
    swiper-container.is-edge::part(pagination) {
        display: none;
    }
    .swiper-slide {
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
    }
    .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
    }
}
